*{
    margin: 0px;
    padding: 0px;
}
a:hover{
    color: #f63515;
}
html{
    font-size: 5.3333333vw;
    height: 50rem;
    
}
body{
    background-color: #f6f6f6;
}
header{
    width: 100%;
    height: 2.25rem;
    display: flex;
    align-items: center;
    
    div{
        height: 100%;
    }
    .header1{
        display: flex;
        align-items: center;
        background-color: #333333;
        width: 3.38rem;
    }
    input{
        width: 1rem;
        height: 1rem;
        border: none;
        background-color: #333333;
        color: white;
    }
    img{
        width: 1.5rem;
        height: 1.5rem;
    }
    .header2{
        background-color: #333333;
        text-align: center;
        line-height: 2.25rem;
        font-size: .75rem;
        width: 10.69rem;
        color: white;
    }
    .header3{
        background-color: #f63515;
        line-height: 2.25rem;
        width: 4.69rem;
        font-size: .75rem;
        text-align: center;
        a{
            text-decoration: none;
            color: white;
        }
        
    }
}
nav{
    background-color:#c82519 ;
    height: 2.2rem;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 1;
    a{
        text-decoration: none;
        color: white;
    }
    .nav1{
        height: 100%;
        width: 10%;
        text-align: center;
        line-height: 2.2rem;
        a{
            font-size: 1.5rem;
        }
    }
    .nav2{
        height: 70%;
        width: 70%;
        display: flex;
        justify-content: center;
        border-radius: 25px;
        background-color: white;
        li{
            list-style:none;
            display: inline-block;
            padding-left: .25rem;
            border-left: .05rem solid #e6e6e6;
        }
        span{
            color: #f63515;
            font-weight: 700;
        }
        input{
            border: none;
            padding-left: .25rem;
        }

    }
    .nav3{
        width: 20%;
        text-align: center;
        font-size: .8rem;
    }
}
article{
    position: relative;
    .content_text1{
        width:17.5rem ;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        .content_text1_img{
            height: 7rem; 
            display: flex;
            animation-name: move;
            animation-duration: 40s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
            position: relative;
            img{
                width: 17.5rem;
                height: 7rem;
            }
        }
        .xyd{
            display: flex;
            justify-content: center;
            position:absolute ;
            top: 6.15rem;
            left: 6rem;
            a{
                display: block;
                height: .25rem;
                width: .25rem;
                background-color: white;
                border-radius: 50%;
                margin-left: .25rem;
                margin-right: .25rem;
                &:hover{
                    background-color: #f63515;
                }
            }
        }
    }
    .content_text2{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding-top: .25rem;
        padding-bottom: .25rem;
        div{
            width: 20%;
            height: 3.7rem;
            display: flex;
            flex-direction: column;
            text-align: center;
            align-items: center;
            img{
                width: 2rem;
                height: 2rem;
            }
            a{
                font-size: .65rem;
                text-decoration: none;
                color: black;
            }
        }
    }
    .content_text3{
        background-color: white;
        border-radius: 10px;
        padding-top: .25rem;
        padding-bottom: .5rem;
        .content_text3_top{
            width: 17.75rem;
            height: 1.7rem;
            display: flex;
            justify-content: space-between;
            .content_text3_top1{
                display: flex;
                padding-left: .5rem;
                aside{
                    margin: .25rem;
                    font-size: .65rem;
                    .span1{
                        background-color: #fe5242;
                        color: white;
                    }
                    a{
                        text-decoration: none;
                        color: #fe5242;
                    }
                }
            }
            .content_text3_top2{
                a{
                    text-decoration: none;
                    color: #fe5242;
                    font-size: .65rem;
                }
            }
        }
        .content_text3_down{
            display: flex;
            align-items: center;
            div{
                text-align: center;
                img{
                    width: 2.76rem;
                    height: 2.76rem;
                }
                a{
                    font-size: .65rem;
                    text-decoration: none;
                    color: #fe5242;
                }
            }
        }
    }
    .content_text4{
        margin-top: .5rem;
        height: 5rem;
        img{
            width: 18.75rem;
            height: 5rem;
        }
    }

}
@keyframes move{
    0%{
        left: 0;
    }
    9%{
        left: 0;
    }
    10%{
        left: -17.5rem;
    }
    19%{
        left: -17.5rem;
    }
    20%{
        left: -35rem;
    }
    29%{
        left: -35rem;
    }
    30%{
        left: -52.5rem;
    }
    39%{
        left: -52.5rem;
    }
    40%{
        left: -70rem;
    }
    49%{
        left: -70rem;
    }
    50%{
        left: -87.5rem; 
    }
    59%{
        left: -87.5rem; 
    }
    60%{
        left: -105rem;
    }
    69%{
        left: -105rem;
    }
    70%{
        left: -122.5rem;
    }
    100%{
        left: -122.5rem;
    }
}
footer{
    width: 100%;
    height: 3.75rem;
    display: flex;
    align-items: center;
    background-color: white;
    position: fixed;
    bottom: 0px;
    left: 0px;
    border-top: 1px solid #8b8b8b;
    div{
        width: 20%;
        display: flex;
        flex-direction: column;
        align-items: center;

        img{
            width:30px ;
            height: 30px;
            border-radius: 50px;
        }
        .iconfont{
            font-size: 1.5rem;
            color: #8b8b8b;
        }
        a{
            font-size: .65rem;
            text-decoration: none;
            color: black;
        }
    }
}